<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>指令</title>
		<script src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-M/vue/2.6.14/vue.min.js"></script>
	</head>
	<body>
		<div id="app">
			<!-- 给表单绑定模型数据 -->
			文本框中输入任何地址,超链接的跳转就会发生改变(双向绑定): <input v-model="url" />

			<!-- v-bind 给标签原有的属性绑定模型数据,这样模型数据发生改变,标签的属性值也随之发生改变 -->
			<a v-bind:href="url">跳转页面</a>

			<!-- 简写形式 -->
			<a :href="url">跳转页面</a>
		</div>

		<script>
			var app = new Vue({
				el: '#app',
				data() {
					return {
						url: "https://www.baidu.com",
					}
				}
			});
		</script>
	</body>
</html>
